<!-- 姚昶修改过，在编辑过程中不小心损坏了主题区域外的部分格式（频繁注释+删除给删掉了） -->
<!-- 如果要引用，请只引用主体部分（包含姚昶补丁和於在第二阶段改过的一部分），以及script、link等项目 -->
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>QQ音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！</title>
    <link rel="shortcut icon" href="../../../favicon.ico" type="image/x-icon">
    <link rel="stylesheet" type="text/css" href="./pw.css" />
    <link rel="stylesheet" type="text/css" href="font_2936454_b2n5bl4zo8f/iconfont.css" />
    <link rel="stylesheet" href="../../../css/common.css">
    <link rel="stylesheet" href="../../../css/base.css">
    <!-- 引入姚昶补丁包↓ -->
    <link rel="stylesheet" href="ycPatch/ycPatch.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js">
        //引入jq资源
    </script>
    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">
</head>

<body>
    <!-- 头部区域开始 -->
    <header>
        <div class="container w">
            <div class="t">
                <h4 class="logo"><a href="../../../index.html"><img src="../../../images/logo.png" alt=""></a></h4>
                <div class="top_nav">
                    <ul>
                        <li><a href="../../../index.html" class="hover">音乐馆</a></li>
                        <li><a href="../../../qqmusic/lb/lb/mymusic.html">我的音乐</a></li>
                        <li class="client_hover">
                            <a href="../../../qqmusic/yc/download/index.html">
                                客户端<i></i>
                            </a>
                            <div class="client">
                                <div class="client_cont">
                                    <p><em></em> HQ高品质 全员开启</p>
                                    <p><em></em> 独家音效 全面升级</p>
                                    <p><em></em> 轻盈视觉 动态皮肤</p>
                                    <a href="../../../qqmusic/ch/download/download.html">下载体验</a>
                                </div>
                            </div>
                        </li>
                        <li><a href="../../../artists/index.html" target="_bank">开放平台</a></li>
                        <li><a href="../../../qqmusic/lb/vipportal/yearvip.html">VIP</a></li>
                    </ul>
                </div>
                <div class="top_search">
                    <input class="search_input" type="text" placeholder="搜索音乐、MV、歌单、用户">
                    <button class="search_btn"><a href="javascript:;" class="search_button sprite"></a></button>
                    <div class="mod_search_result">
                        <div class="search_result_sort">
                            <h4 class="search_result_tit"><i class="search_result_icon_song"></i>单曲</h4>
                            <ul>
                            </ul>
                        </div>
                        <div class="search_result_sort">
                            <h4 class="search_result_tit"><i class="search_result_icon_singer"></i>歌手</h4>
                            <ul>
                            </ul>
                        </div>
                        <div class="search_result_sort">
                            <h4 class="search_result_tit"><i class="search_result_icon_album"></i>专辑</h4>
                            <ul>
                            </ul>
                        </div>
                        <div class="search_result_sort">
                            <h4 class="search_result_tit"><i class="search_result_icon_mv"></i>MV</h4>
                            <ul>
                            </ul>
                        </div>
                    </div>
                    <div class="search_other">
                        <div class="search_hots">
                            <dl class="search_hot_list">
                                <dt class="search_hot_tit" id="search_hot_tit">热门推荐</dt>
                            </dl>
                        </div>
                        <div class="search_history">
                            <dl class="search_history_list">
                                <dt class="search_history_title">
                                    历史搜索
                                    <a href="javascript:;" class="search_history_clear" title="清空">
                                        <i class="icon_history_clear"></i>
                                    </a>
                                </dt>
                            </dl>
                        </div>
                    </div>
                </div>
                <div class="login">
                    <div class="login_btn">
                        <a href="javascript:;">登录</a>
                    </div>
                    <div class="vip_select">
                        <a href="javascript:;">开通VIP<i></i></a>
                        <ul class="vip_hover">
                            <li><a class="ycPurchaseBtn" href="javascript:;" style="border-bottom: 0;">开通绿钻豪华版</a></li>
                            <li><a class="ycPurchaseBtn" href="javascript:;">开通付费包</a></li>
                        </ul>
                    </div>
                    <div class="charge_select">
                        <a href="javascript:;">充值<i></i></a>
                        <ul class="vip_hover cz">
                            <li><a href="javascript:;" style="border-bottom: 0;">购买乐币</a></li>
                            <li><a href="javascript:;">充值饭票</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="b">
                <ul>
                    <li><a href="../../../index.html">首页</a></li>
                    <li><a href="../../../qqmusic/hyh/singer_list/singer.html">歌手</a></li>
                    <li><a href="../../../qqmusic/yjx/xindie/album.html">新碟</a></li>
                    <li><a href="../../../qqmusic/yjx/toplist/index.html">排行榜</a></li>
                    <li><a href="../../../qqmusic/hyh/category/songmenu.html">分类歌单</a></li>
                    <li><a href="../../../qqmusic/hyh/radio/fm.html">电台</a></li>
                    <li><a href="../../../qqmusic/yc/mvlist/mvlist.html">MV</a></li>
                    <li><a href="../../../qqmusic/ch/album_mall/album_mall.html">数字专辑</a></li>
                    <li><a href="../../../qqmusic/yjx/piaowu/index.html" style="color: #31c27c">票务</a></li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 头部区域结束 -->

    <!-- 主体部分开始 -->
    <article>
        <section id="tou">
            <!-- 一个页面中引用多个Swiper，可以给每个容器加上ID或Class区分，要保留默认的类名.swiper。 -->
            <div class="swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img width="100%" height="100%"
                            src="./imgs2/T011R1080x432M000000k7IcD3x21AS.jpg" alt=""></div>
                    <div class="swiper-slide"><img width="100%" height="100%"
                            src="./imgs2/T011R1080x432M000001Adeim25X7T5.jpg" alt=""></div>
                    <div class="swiper-slide"><img width="100%" height="100%"
                            src="./imgs2/T011R1080x432M000002xumUb2gIfWq.jpg" alt=""></div>
                    <div class="swiper-slide"><img width="100%" height="100%"
                            src="./imgs2/T011R1080x432M000003kJQUs0kfnEE.jpg" alt=""></div>
                    <div class="swiper-slide"><img width="100%" height="100%"
                            src="./imgs2/T011R1080x432M000003x25lS3g9YOb.jpg" alt=""></div>
                    <div class="swiper-slide"><img width="100%" height="100%"
                            src="./imgs2/T011R1080x432M000003zoNFX3zdnBm.jpg" alt=""></div>
                </div>
                <!-- 如果需要分页器 -->
                <div class="swiper-pagination"></div>

                <!-- 如果需要导航按钮 -->
                <div class="swiper-button-prev swiper-button-black"></div>
                <div class="swiper-button-next swiper-button-black"></div>


                <!-- /导航等组件可以放在Swiper容器之外 -->

            </div>

            <!-- 城市筛选器部分（yc补丁） -->
            <link rel="stylesheet" href="../../../css/base.css">

            <div class="cz">
                <div class="ycTPatchCitys">
                    <div class="ycTcitySelecter">
                        <span>全国</span>
                        <!-- ↓<i>放个简约下箭头符 -->
                        <i style="background-image: url(ycPatch/imgs/icons.png)"></i>
                        <div class="ycTcityBox">
                            <div class="ycTcityTop">
                                <div>
                                    <div>当前城市</div>
                                    <ul>
                                        <li>全国</li>
                                    </ul>
                                </div>
                                <div>
                                    <div>热门城市</div>
                                    <ul>
                                        <li class="ycGetCity">全国</li>
                                        <li class="ycGetCity">北京</li>
                                        <li class="ycGetCity">上海</li>
                                        <li class="ycGetCity">广州</li>
                                        <li class="ycGetCity">深圳</li>
                                        <li class="ycGetCity">成都</li>
                                        <li class="ycGetCity">武汉</li>
                                    </ul>
                                </div>
                            </div>
                            <div class="ycTcityFonts">
                                <h3>按字母查找</h3>
                                <ul>
                                    <li onclick="ycGoCitys('B')">B</li>
                                    <li onclick="ycGoCitys('C')">C</li>
                                    <li onclick="ycGoCitys('D')">D</li>
                                    <li onclick="ycGoCitys('F')">F</li>
                                    <li onclick="ycGoCitys('G')">G</li>
                                    <li onclick="ycGoCitys('H')">H</li>
                                    <li onclick="ycGoCitys('J')">J</li>
                                    <li onclick="ycGoCitys('K')">K</li>
                                    <li onclick="ycGoCitys('L')">L</li>
                                    <li onclick="ycGoCitys('M')">M</li>
                                    <li onclick="ycGoCitys('N')">N</li>
                                    <li onclick="ycGoCitys('P')">P</li>
                                    <li onclick="ycGoCitys('Q')">Q</li>
                                    <li onclick="ycGoCitys('R')">R</li>
                                    <li onclick="ycGoCitys('S')">S</li>
                                    <li onclick="ycGoCitys('T')">T</li>
                                    <li onclick="ycGoCitys('W')">W</li>
                                    <li onclick="ycGoCitys('X')">X</li>
                                    <li onclick="ycGoCitys('Y')">Y</li>
                                    <li onclick="ycGoCitys('Z')">Z</li>
                                </ul>
                            </div>
                            <div class="ycTcitys">
                            </div>
                            <i style="background-image: url(ycPatch/imgs/upArrow.png);"></i>
                        </div>
                    </div>
                </div>
                <br>
                <div>
                    <ul id="lb22">
                        <li><a href="#"><i class="iconfont icon-quanbu">全部</i></a></li>
                        <li><a href="#"><i class="iconfont icon-yanchanghui">演唱会</i></a></li>
                        <li><a href="#"><i class="iconfont icon-huo">LiveHouse</i></a></li>
                        <li><a href="#"><i class="iconfont icon-yanchanghui">音乐会</i></a></li>
                        <li><a href="#"><i class="iconfont icon-huaju">话剧歌剧</i></a></li>
                        <li><a href="#"><i class="iconfont icon-qita">其他演出</i></a></li>
                    </ul>
                </div>
            </div>
        </section>

        <section class="ych">
            <div class="ych1">
                <div class="ych11">
                    <div class="ych111">演&nbsp;唱&nbsp;会</div>
                    <div class="ych222"><span id="ych2222">更多</span>&nbsp;<i class="iconfont icon-dayuhao"></i></div>
                </div>
                <div class="zpbj">
                    <div class="mptp">
                        <div class="tpgg">
                            <div>风子《索南扎巴》2021巡演 武汉站</div>
                            <div style="clear: both;" id=""> </div>
                            <div>￥ 99<span style="font-size: 15px;"> 起</span></div>
                            <div class="cpgg11"><i class="iconfont icon-lvzuanvip">立减</i></div>
                        </div>

                    </div>
                    <div class="mptp2">
                        <ul>
                            <li>
                                <div></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> 非常规巡航X张蔷VS你我他 武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.17</div>
                                        <div style="font-size:12px;">不晚IN TIME LIVE</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 200<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/3.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> 李大奔「野望」2021全国巡演 武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.18</div>
                                        <div style="font-size:12px;">武汉-VOX LIVEHOUSE 武昌光谷店</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 199<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/4.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> 布衣乐队《八宝茶》巡演 武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.21</div>
                                        <div style="font-size:12px;">武汉-L7 livehouse·演艺厅</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 100<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/5.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> 打扰一下乐团「世界不会轻易崩塌2.0」2021全国巡武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.27</div>
                                        <div style="font-size:12px;">武汉-VOX LIVEHOUSE 武昌光谷店</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 168<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <section>
            <div class="ych1">
                <div class="ych11">
                    <div class="ych111" style="margin-left: -100px;">L i v e H o u s e</div>
                    <div class="ych222"><span id="ych2222">更多</span>&nbsp;<i class="iconfont icon-dayuhao"></i></div>
                </div>
                <div class="zpbj">
                    <div class="mptp" style="background-image:url('./imgs2/6.jpg')">
                        <div class="tpgg">
                            <div>九宝乐队十周年巡演 武汉站</div>
                            <div style="clear: both;" id=""> </div>
                            <div>￥ 130<span style="font-size: 15px;"> 起</span></div>
                            <div class="cpgg11"><i class="iconfont icon-lvzuanvip">立减</i></div>
                        </div>

                    </div>
                    <div class="mptp2">
                        <ul>
                            <li>
                                <div style="background-image:url('./imgs2/7.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> J-LOOP· 朱星杰2021专辑同名城市巡演-武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.28</div>
                                        <div style="font-size:12px;">不晚IN TIME LIVE</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 280<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/8.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;">演出延期，开演时间待定】【秀动呈献】堆填区乐队</div>
                                        <br>
                                        <div style="font-size:12px;">2021.12.31</div>
                                        <div style="font-size:12px;">武汉 VOX LIVEHOUSE</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 80<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/9.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> 【演出延期，开演时间待定】【秀动呈献】旺福《旺情歌》</div>
                                        <br>
                                        <div style="font-size:12px;">2021.12.31</div>
                                        <div style="font-size:12px;">武汉-L7 Livehouse</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 130<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/10.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;"> 非常规巡航X张蔷VS你我他 武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.17</div>
                                        <div style="font-size:12px;">不晚IN TIME LIVE</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 120<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

        <section>
            <div class="ych1">
                <div class="ych11">
                    <div class="ych111">音&nbsp;乐&nbsp;会</div>
                    <div class="ych222"><span id="ych2222">更多</span>&nbsp;<i class="iconfont icon-dayuhao"></i></div>
                </div>
                <div class="zpbj">
                    <div class="mptp" style="background-image:url('./imgs2/11.jpg')">
                        <div class="tpgg">
                            <div>爱乐之城“LA LA LAND”浪漫经典名曲视听音乐会</div>
                            <div style="clear: both;" id=""> </div>
                            <div>￥ 50<span style="font-size: 15px;"> 起</span></div>
                            <div class="cpgg11"><i class="iconfont icon-lvzuanvip">立减</i></div>
                        </div>

                    </div>
                    <div class="mptp2">
                        <ul>
                            <li>
                                <div style="background-image:url('./imgs2/12.webp')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;">菊次郎的夏天——久石让钢琴曲梦幻之旅演奏会 武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.26</div>
                                        <div style="font-size:12px;">武汉-湖北剧院</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 100<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/13.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;">巴黎的辉煌-法国作品钢琴三重奏音乐会</div>
                                        <br>
                                        <div style="font-size:12px;">2021.11.27</div>
                                        <div style="font-size:12px;">武汉-琴台音乐厅</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 50<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/14.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;">Summer-宫崎骏•久石让经典动漫视听音乐会-武汉站</div>
                                        <br>
                                        <div style="font-size:12px;">2021.12.03</div>
                                        <div style="font-size:12px;">武汉-湖北剧院</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 50<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                            <li>
                                <div style="background-image:url('./imgs2/15.jpg')"></div>
                                <div class="xxc1">
                                    <div>
                                        <div style="font-size: 16px;">臻选2021马克西姆古典跨界钢琴演奏会- 【武汉站】</div>
                                        <br>
                                        <div style="font-size:12px;">2021.12.05</div>
                                        <div style="font-size:12px;">武汉-武汉汉秀剧场</div>
                                    </div>
                                    <div class="xxc2">

                                        <div style="color: green;">￥ 380<span style="font-size: 15px;"> 起</span></div>
                                        <div class="xxc222"><i class="iconfont icon-lvzuanvip">立减</i></div>


                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>

    </article>
    <!-- 主体部分结束 -->

    <!-- 右侧LOGO -->
    <div class="right-logo">
        <img src="../../../images/logo.png" alt="">
        <p>千万高品质曲库尽享</p>
        <a href="../../ch/download/download.html">客户端下载</a>
    </div>

    <!-- 右侧固定导航 -->
    <div class="right-nav">
        <ul>
            <li><a href="#"><i class="iconfont">&#xe6ab;</i></a></li>
            <li><a href="javascript:;">反馈</a></li>
            <li><a href="javascript:;"><i class="iconfont">&#xea88;</i></a></li>
        </ul>
    </div>

    <!-- 页脚区域开始 -->
    <footer>
        <div class="footer-content w">
            <div class="footer-info">
                <div class="box">
                    <h3>下载QQ音乐客户端</h3>
                    <ul>
                        <li><a href="javascript:;"><i class="icon-pc"></i>PC版</a></li>
                        <li><a href="javascript:;"><i class="icon-mac"></i>Mac版</a></li>
                        <li><a href="javascript:;"><i class="icon-android"></i>Android版</a></li>
                        <li><a href="javascript:;"><i class="icon-ios"></i>iPhone版</a></li>
                    </ul>
                </div>
                <div class="box">
                    <div class="live">
                        <h3>特色产品</h3>
                        <ul>
                            <li><a href="javascript:;"><i class="icon-kg"></i>全民K歌</a></li>
                            <li><a href="javascript:;"><i class="icon-ss"></i>Super Sound</a></li>
                            <li><a href="javascript:;"><i class="icon-qp"></i>Qplay</a></li>
                            <li><a href="javascript:;"><i class="icon-fan"></i>Fan直播伴侣</a></li>
                            <li><a href="javascript:;">车载互联</a></li>
                            <li><a href="javascript:;">QQ演出</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box">
                    <div class="friend">
                        <h3>合作链接</h3>
                        <ul>
                            <li><a href="javascript:;">CJ ENM</a></li>
                            <li><a href="javascript:;">腾讯视频</a></li>
                            <li><a href="javascript:;">手机QQ空间</a></li>
                            <li><a href="javascript:;">最新版QQ</a></li>
                            <li><a href="javascript:;">腾讯社交广告</a></li>
                            <li><a href="javascript:;">电脑管家</a></li>
                            <li><a href="javascript:;">QQ浏览器</a></li>
                            <li><a href="javascript:;">腾讯微云</a></li>
                            <li><a href="javascript:;">腾讯云</a></li>
                            <li><a href="javascript:;">企鹅FM</a></li>
                            <li><a href="javascript:;">智能电视网</a></li>
                            <li><a href="javascript:;">当贝市场</a></li>
                            <li><a href="javascript:;">酷我音乐</a></li>
                            <li><a href="javascript:;">酷狗听书</a></li>
                        </ul>
                    </div>
                </div>
                <div class="box2">
                    <h3>开放平台</h3>
                    <p><a href="javascript:;">QQ音乐开放平台</a><a href="javascript:;">腾讯音乐人</a><a href="javascript:;">音乐推</a>
                    </p>
                </div>
                <div class="box2">
                    <h3>TME集团官网</h3>
                    <p>
                        <a href="javascript:;">腾讯音乐</a>
                    </p>
                </div>
            </div>
            <div class="footer-copyright">
                <div class="copyright-content">
                    <ul>
                        <li><a href="javascript:;">关于腾讯</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">About Tencent</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">服务条款</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">用户服务协议</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">隐私政策</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">权利声明</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">广告服务</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">腾讯招聘</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">客服中心</a></li>
                        <li>|</li>
                        <li><a href="javascript:;">网站导航</a></li>
                    </ul>
                    <p>
                        Copyright © 1998 - 2021 Tencent.
                        <a href="javascript:;">All Rights Reserved.</a>
                    </p>
                    <p>
                        腾讯公司
                        <a href="javascript:;">版权所有</a>
                        ｜ <a href="javascript:;">营业执照</a>
                        ｜网络文化经营许可证：
                        <a href="javascript:;">粤网文[2020]3396-195号</a>
                    </p>
                </div>
            </div>
        </div>
    </footer>
    <!-- 页脚区域结束 -->

    <!-- 登录窗口模块 -->
    <div class="login_window">
        <div class="login_content">
            <div class="login_top_nav">
                <ul>
                    <li>
                        <a href="javascript:;" class="qq_login green">QQ登录</a>
                    </li>
                    <li>
                        <a href="javascript:;" class="wx_login">微信登录</a>
                    </li>
                </ul>
                <span class="iconfont login_close">&#xe600;</span>
            </div>
            <div class="qq_login_hide">
                <div class="login_middle">
                    <div class="login_left">
                        <h3>快速安全登录</h3>
                        <p>请使用<a href="javascript:;">QQ手机版</a>扫描二维码，</p>
                        <p>或点击头像授权登录。</p>
                        <div class="login_qrcode">
                            <i><img src="../../../images/icon/ptqrshow.png" alt=""></i>
                            <a href="javascript:;"><img src="../../../images/icon/g.jfif" alt="">
                                <span>L.</span>
                            </a>
                            <p><a href="javascript:;">帐号密码登录</a> | <a href="javascript:;">注册新帐号</a> | <a
                                    href="javascript:;">意见反馈</a></p>
                        </div>
                    </div>
                    <div class="login_right">
                        <p>
                            <a href="javascript:;">QQ音乐</a> 将获得以下权限：
                        </p>
                        <p><input type="checkbox" name="" id="">全选</p>
                        <p><input type="checkbox" name="" id="">获得您的昵称、头像、性别</p>
                        <span>授权后表明你已同意 <a href="javascript:;">QQ登录服务协议</a></span>
                    </div>
                </div>
                <div class="login_download">
                    <a href="javascript:;">下载客户端 体验更多内容</a>
                </div>
            </div>
            <div class="wx_login_hide">
                <div class="login_middle">
                    <img src="../../../images/icon/091jJGUp2wt80w3B.jfif" alt="">
                    <p><span>请使用微信扫描二维码登录"QQ音乐"</span></p>
                    <p>QQ与微信账号的音乐资产、付费特权不互通</p>
                </div>
                <div class="login_download">
                    <a href="javascript:;">下载客户端 体验更多内容</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 付费音乐包&绿钻区域开始 -->
    <div class="ycPurchaseMask">
        <div class="ycmusicPack">
            <div class="ycpackHead">
                <img src="../../../images/ycpics/musicPack.png">
                <span>付费音乐包</span>
                <div class="ycagreeLaw">
                    <i id="yccheckAgree" onclick="yccheckRuler()"
                        style="display: inline-block;width: 12px;height: 12px;"></i>
                    同意《
                    <a id='ycserviceRuler'>服务条款</a>
                    》
                </div>
                <div class="ycclosePurchase" title='关闭'>
                    <i class="yccloseIcon" onclick="ycRenderPurchase('cls')"></i>
                </div>
            </div>
            <div class="ycpurchaseContent">
                <div id="ycpurchaseInfo">
                    <div id="ycpurchasePrise">
                        <div id="ycpurchaseAccount">
                            <span>开通账号：</span>
                            <div></div>
                        </div>
                        <div id="ycpurchaseGoods">
                            <div class="ycGoodChecked" onclick="ycCheckBlue(1)">
                                <em style="font-size: 38px;color:#313131;font-weight:400;font-style: normal;">7.6</em>

                                <span style="font-size: 14px;color:#969696">元</span>
                                <span style="margin-top: 4px;display: block;color: #7f7f7f;">7.6元/月</span>
                                <i class='ycCheckBlueIcon'></i>
                                <div style="margin: 0px auto;width:100%;border-top: 1px dashed #e3e3e3;">连续包月</div>
                            </div>
                            <div onclick="ycCheckBlue(2)">
                                <em style="font-size: 38px;color:#313131;font-weight:400;font-style: normal;">24</em>

                                <span style="font-size: 14px;color:#969696">元</span>
                                <span style="margin-top: 4px;display: block;color: #7f7f7f;">8元/月</span>
                                <i class='ycCheckBlueIcon'></i>
                                <div style="margin: 0px auto;width:100%;border-top: 1px dashed #e3e3e3;">3个月</div>
                            </div>
                            <div onclick="ycCheckBlue(3)">
                                <em style="font-size: 38px;color:#313131;font-weight:400;font-style: normal;">45</em>

                                <span style="font-size: 14px;color:#969696">元</span>
                                <span style="margin-top: 4px;display: block;color: #7f7f7f;">7.5元/月</span>
                                <i class='ycCheckBlueIcon'></i>
                                <div style="margin: 0px auto;width:100%;border-top: 1px dashed #e3e3e3;">6个月</div>
                            </div>
                            <div onclick="ycCheckBlue(4)">
                                <em style="font-size: 38px;color:#313131;font-weight:400;font-style: normal;">8</em>

                                <span style="font-size: 14px;color:#969696">元</span>
                                <span style="margin-top: 4px;display: block;color: #7f7f7f;">8元/月</span>
                                <i class='ycCheckBlueIcon'></i>
                                <div class="ycPackMonth" style="position:relative;">
                                    <button type="button" class="ycPlusReduce" style="float: left;"
                                        onclick="ycPlusReduce('reduce')">
                                        <i></i>
                                    </button>
                                    <div class="ycPackInput" style="display: inline-block;">
                                        <input type="text" minlength="1" maxlength="2" value=1
                                            oninput="value=value.replace(/[^\d]/g,'')"><span
                                            style="cursor: text;">个月</span>
                                    </div>
                                    <button type="button" class="ycPlusReduce" style="float: right;"
                                        onclick="ycPlusReduce('plus')">
                                        <i class="icon-add" style="background-position: 0 0;"></i>
                                    </button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div style="display: block;padding:10px 70px;font-weight: 400;font-size: 14px;">支付方式：</div>
                    <div id="ycpurchaseWayBox">
                        <div class="ycpurchaseWay ycGoodChecked" onclick="ycCheckBlue2(0)"><i></i>微信支付</div>
                        <div class="ycpurchaseWay" onclick="ycCheckBlue2(1)"><i></i>QQ钱包</div>
                        <div class="ycpurchaseWay" onclick="ycCheckBlue2(2)"><i></i>Q币支付</div>
                        <div class="ycpurchaseWay" onclick="ycCheckBlue2(3)" id="ycpurchaseMore"><i></i>
                            <div style="display: block;height:40px;margin-bottom: 10px;">更多方式</div>
                            <div class="ycMoreWays"><i></i>手机话费</div>
                            <div class="ycMoreWays"><i></i>QQ卡</div>
                            <div class="ycMoreWays"><i></i>网银支付</div>
                        </div>
                    </div>
                    <div class="ycPay" id="ycVchatPay">
                        <div style="margin-bottom: 7px;">
                            <i style="background-position: -142px -129px;"></i>
                            微信扫码，支付<span class="ycFinalPrice">7.6</span>元
                        </div>
                        <div class="ycQRPay">
                            <img style="width: 120px;height: 120px;"
                                src="https://api.qrserver.com/v1/create-qr-code?data=https://weixin.qq.com/">
                        </div>
                    </div>
                    <div class="ycPay" style='display: none;' id="ycQQPay">
                        <div style="margin-bottom: 7px;">
                            <i style="background-position: -69px -81px;"></i>
                            手Q扫码，支付<span class="ycFinalPrice">7.6</span>元
                        </div>
                        <div class="ycQRPay">
                            <img style="width: 120px;height: 120px;"
                                src="https://api.qrserver.com/v1/create-qr-code?data=https://im.qq.com/index">
                        </div>
                    </div>
                    <div class="ycPay" style='display: none;text-align: left;' id="ycQBPay">
                        <div style="margin-bottom:20px;">
                            <i style="background-position: -164px -177px;"></i>
                            <span style="font-size: 12px;vertical-align: top;">Q币余额不足</span>
                            <span style="font-size: 12px;vertical-align: top;color: gray;"> 余额:&nbsp;<span
                                    style="color:black">0</span>&nbsp;Q币<br>
                                还需&nbsp;<span class="ycFinalPrice" style="color: black;font-size: 12px;"></span>
                                &nbsp;Q币，请先去充值，或选择其他支付方式</span>
                        </div>
                        <button class="ycPayButton">去充值</button>
                    </div>
                    <div class="ycPay" style='display: none;text-align: left;' id="ycPhonePay">
                        <div style="margin-bottom: 20px;">
                            <input type="text" class="ycPayInput" maxlength="11" placeholder="请输入手机号码">
                        </div>
                        <button class="ycPayButton">去充值</button>
                        <div style="margin-top: 10px;">
                            <i style="background-position: -113px -176px;"></i><span
                                style="vertical-align: top;">具体资费会根据号码归属地相应调整，请输入手机号码后查询
                            </span>
                        </div>
                    </div>
                    <div class="ycPay" style='display: none;text-align: left;' id="ycQCardPay">
                        <div style="margin-bottom: 20px;">
                            <input type="text" class="ycPayInput" style="margin-bottom: 10px;" placeholder="请输入QQ卡号">
                            <br>
                            <input type="text" class="ycPayInput" placeholder="请输入QQ卡密码">
                        </div>
                        <button class="ycPayButton">确认支付</button>
                        <div style="margin-top: 10px;">
                            <i style="background-position: -113px -176px;"></i><span
                                style="vertical-align: top;">QQ卡可分多次使用
                            </span>
                        </div>
                    </div>
                    <div class="ycPay" style='display: none;font-size: 0;' id="ycUnionPay">
                        <div class="ycBankBox"></div>
                        <button class="ycPayButton"
                            style="margin-top: 10px;text-align: center;font-size: 14px;line-height:40px ;"><span>去支付
                            </span><span class="ycFinalPrice" style="font-size: 14px;"></span><span>元</span></button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 付费音乐包区域结束 -->


</body>
<!-- 2. 引入 swiper js 文件 -->
<script type="text/javascript" src="http://pv.sohu.com/cityjson/getip.aspx" charset="utf-8">
    //搜狐接口获取ip
</script>
<script src="../../../js/common.js"></script>
<script src="../../../js/search.js"></script>
<script src="ycPatch/ycPatch.js">
    //姚昶写的补丁包
</script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"> </script>
<script>
    var mySwiper = new Swiper('.swiper', {
        direction: 'horizontal', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: true,
        // speed: 300,
        grabCursor: true,
        effect: 'coverflow',
        slidesPerView: 2,
        keyboard: true,
        centeredSlides: true,
        mousewheel: true,
        coverflowEffect: {
            rotate: 0,
            stretch: 0,
            depth: 100,
            modifier: 2,
            slideShadows: true
        },

        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            // type: 'progressbar',
            clickable: true,
        },
        observer: true,

        // 如果需要前进后退按钮
        navigation: {
            nextEl: '.swiper-button-next',
            prevEl: '.swiper-button-prev',
        },



    })
</script>

</html>